<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="../lib/normalize.css">

		<link rel="stylesheet" href="main.css">
		<title>22.3 计划清单</title>
	</head>

	<!-- 
	 https://biaoyansu.com/22.x
	 -->
	<body>



		<div class="container">
			<div class="navbar">
				<h1>计划清单</h1>

			</div>

			<div class="header">
				<h2>
					开黑了吗 就写作业?
				</h2>


			</div>


			<div id="taskform">

				<div class="wrap">
					<input id="task-input" placeholder="你想搞事情..." type="text">
					<input type="submit" value="提交">
				</div>


			</div>


			<div class="task-list todo ">

				<div class="wrap">
					todo list
					<div class="item"></div>
					<div class="item"></div>
				</div>


			</div>



			<div class="task-list done">


				<div class="wrap">
					done list


					<div class="item">
						Lorem ipsum dolor sit amet consectetur adipisicing elit
					</div>
					<div class="item">
						
						. Delectus, corporis dolorum ipsa quae obcaecati vel similique amet incidunt provident vero officia ex earum sunt autem ipsam nemo voluptates dolorem sint.
					</div>
				</div>

			</div>




		</div>


		<script src="../lib/vue.js"></script>
		<script src="js/myStorage.js"></script>
	</body>
</html>
